<template>
  <view class="alldiv">
    <u-popup :show="showReturnthecar" mode="center" @open="open">
      <view class="serphdiv">
        <view style="margin-top: 40px">
          <view class="serdiv">
            <view class="yandiv">
              <u-icon name="checkbox-mark" size="50" color="#ffffff"></u-icon>
            </view>
            <view
              style="
                margin-top: 20px;
                font-weight: bold;
                color: rgba(51, 51, 51, 1);
                font-size: 16px;
                font-weight: bold;
              "
              >{{ internationalization.Carreturnsuccessful.title }}</view
            >
            <view class="msdicv">
              <view>
                <span style="font-size: 14px; color: rgba(102, 102, 102, 1)">{{
                  internationalization.Carreturnsuccessful.bc
                }}</span>
                <span style="font-size: 14px; color: rgba(47, 212, 184, 1)"
                  >48{{ internationalization.Carreturnsuccessful.bctime }}</span
                >
              </view>
              <view>
                <span style="font-size: 14px; color: rgba(102, 102, 102, 1)">{{
                  internationalization.Carreturnsuccessful.bcrmb
                }}</span>
                <span style="font-size: 14px; color: rgba(47, 212, 184, 1)"
                  >12.3{{
                    internationalization.Carreturnsuccessful.bccost
                  }}</span
                >
              </view>
            </view>
          </view>
          <view
            style="
              width: 100%;
              height: 80px;
              display: flex;
              align-items: center;
            "
          >
            <u-button
              :text="internationalization.Carreturnsuccessful.rethome"
              @click="mygohome"
              type="default"
            ></u-button>
            <u-button
              :text="internationalization.Carreturnsuccessful.gocost"
              @click="MygoCost"
              color="rgba(47,212,184,1)"
            ></u-button>
          </view>
        </view>
      </view>
      <view
        style="
          position: relative;
          top: 30px;
          display: flex;
          justify-content: center;
        "
      >
        <u-icon
          @click="mygohome"
          name="close"
          size="28"
          color="#ffffff"
          style="position: relative"
        ></u-icon
      ></view>
    </u-popup>
  </view>
</template>
    
    <script>
export default {
  data() {
    return {
      internationalization: {},
      // 还车成功弹出框
      showReturnthecar: true,
    };
  },
  onShow: function () {
    this.getlanguagedata();
    console.log("Personalcenter Show");
  },
  onLoad() {
    this.getlanguagedata();
  },
  mounted() {
    this.getlanguagedata();
  },
  methods: {
    getlanguagedata() {
      this.internationalization =
        this.$store.getters["internationalization/getinternationalization"];
    },
    // 去支付
    MygoCost() {
      uni.navigateTo({
        url: "/pages/Home/Scancode/Expensesettlement",
      });
    },
    mygohome() {
      uni.navigateTo({
        url: "/pages/Home/Home",
      });
    },
  },
};
</script>



<style lang="less" scoped>
.alldiv {
  width: 100vw;
  height: 100vh;
  //   这个是返回
}

.serphdiv {
  width: 300px;
  height: auto;
  .serdiv {
    width: 100%;
    height: 20%;
    display: flex;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    .msdicv {
      width: 95%;
      height: 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
}
/deep/ .u-button {
  height: 40px;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 110px !important;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  flex-direction: row;
  border-radius: 6px !important;
  border: 1px solid rgba(47, 212, 184, 1) !important;
}

.yandiv {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(
    121.57deg,
    rgba(64, 239, 137, 1) 0%,
    rgba(47, 212, 184, 1) 100%
  );
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.yandivd {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 51, 51, 1);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>